<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="layout">
<head>
    <title>Welcome</title>
    <link rel="stylesheet" href="../../static/css/bootstrap.min.css"/>
</head>
<body>

<div class="container">

    <!-- sample header -->
    <nav class="navbar navbar-default navbar-inverse" role="navigation">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">Static Brand</a>
        </div>

        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="employeeList.html">Link1</a></li>
                <li><a href="#">Link2</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Link3</a></li>
            </ul>
        </div>
    </nav>
    <!-- sample header end -->

    <h1 layout:fragment="header">Orders</h1>

    <div layout:fragment="content">

        <table class="table table-striped table-hover table-bordered">
            <thead>
            <tr>
                <th>Customer</th><!--pdf?-->
                <th>Created At</th>
                <th>Order Content</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            <!--/*@thymesVar id="orders" type="java.util.Collection"*/-->
            <tr th:if="${orders.size()}==0">
                <td colspan="5">No results</td>
            </tr>
            <!--/*@thymesVar id="order" type="cn.wilmar.petclinic.model.Order"*/-->
            <tr th:each="order : ${orders}">
                <td th:text="${order.customer}">yinguowei</td>
                <td th:text="${order.createdDate}">2011-1-1</td>
                <td th:text="${order.content}">1231214121</td>
                <!--  <span th:each="pet:${owner.pets}" th:text="${pet.name}">Dog, Cat, Bird..</span>-->
                <td>
                    <a href="createOrUpdateOwnerForm.html" th:href="@{|/orders/${order.id}|}"
                       th:text="${order.customer}">yinguowei</a>
                </td>
            </tr>
            <tr th:remove="all">
                <td><a href="createOrUpdateOwnerForm.html">name2</a></td>
                <td>No. 31, Sfea Rd.</td>
                <td>Shanghai</td>
                <td>12399990000</td>
                <td>12399990000</td>
            </tr>
            <tr th:remove="all">
                <td><a href="createOrUpdateOwnerForm.html">name3</a></td>
                <td>No. 31, Sfea Rd.</td>
                <td>Shanghai</td>
                <td>12399990000</td>
                <td>12399990000</td>
            </tr>
            <tr th:remove="all">
                <td><a href="createOrUpdateOwnerForm.html">name4</a></td>
                <td>No. 31, Sfea Rd.</td>
                <td>Shanghai</td>
                <td>12399990000</td>
                <td>12399990000</td>
            </tr>
            <tr th:remove="all">
                <td><a href="createOrUpdateOwnerForm.html">name5</a></td>
                <td>No. 31, Sfea Rd.</td>
                <td>Shanghai</td>
                <td>12399990000</td>
                <td>12399990000</td>
            </tr>
            </tbody>
        </table>


    </div>


    <div class="text-center">
        sample copyright 2016
    </div>
</div>
</body>
</html>
